$(function () {
  // 用户管理
  let form = layui.form;
  let laypage = layui.laypage;

  let pagenum = 1;

  let pagesize = 3;

  // 加载用户列表
  function loadUserList (params) {
    $.ajax({
      url: 'admin/users',
      type: 'GET',
      data: params,
      success(res) {
        // console.log(res);
        let tags = template('table-tpl', res);
        $('.layui-table tbody').html(tags);
        // 配置分页选项
        laypage.render({
          elem: 'articlePage',
          curr: pagenum , // 当前页码
          count: res.total, // 数据总数，从服务端得到
          limit: pagesize, // 每页显示的条数
          limits: [3, 10, 30, 40, 100], // 每页显示条数的列表
          layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'],
          jump: function (obj, first) {
            //obj包含了当前分页的所有参数，比如：
            // 需要修改当前页码
            pagenum = obj.curr
            // 切换每页显示条数时，修改pagesize
            pagesize = obj.limit
            
            //首次不执行
            if(!first){
              //do something
              pagenum,
              pagesize
            }
          }
        });
      }
    })
    
  }

  
  loadUserList({
    pagenum,
    pagesize
  })

  // 删除用户
  $('.layui-table tbody').on('click', '.layui-btn-danger', function (e) {
    // console.log(1);
    let id = $(e.target).data('id');
    layer.confirm('确定要删除用户吗?', function (index) {
      $.ajax({
        url: 'admin/users/' + id,
        type: 'DELETE',
        success(res) {
          // console.log(res);
          layer.msg(res.message);
          loadUserList({
            // 页码：必须从1开始
            pagenum: pagenum,
            // 每页显示多少条数据
            pagesize: pagesize
          })
        }
      })
    })
  })


  // 重置密码弹出层
  $('.layui-table tbody').on('click', '.layui-btn-normal', function (e) {
    let id = $(e.target).data('id');
    let index = layer.open({
      type: 1,
      title: '重置密码',
      content: $('#repwd-form-tpl').html(),
      area: ['500px', '250px']
    })
    // 重置密码
    $('#repwd-form').on('submit', function(e) {
      e.preventDefault();
      $.ajax({
        url: 'admin/users/' + id,
        type: 'PUT',
        data: {
          password: $('#repwd-form input[name=password]').val()
        },
        success(res) {
          // console.log(res);
          layer.msg(res.message);
          layer.close(index)
        }
      })
    })
  })



})


